import React from 'react'
import { hashHistory } from 'react-router'
import CommonHeader from 'COMPONENT/CommonHeader';
import { List, Icon, Toast } from 'antd-mobile'
import './index.less'
// ========================================
let Item = List.Item;
// ========================================
class Help extends React.Component {
    nothingdoitFun = (event) => {
        Toast.offline('功能开发中，请耐心等待。', 1);
    };
    
    render() {
        let that = this;
        let list = [
            { value: '如何开启或关闭新消息提醒？', func: that.nothingdoitFun },
            { value: '租房信息发表异常问题', func: that.nothingdoitFun },
            { value: '如何迁移或保存聊天信息', func: that.nothingdoitFun },
            { value: '手机绑定与解绑问题', func: that.nothingdoitFun }
        ];
        return (
            <div className="info-box">
                <CommonHeader 
					name='帮助中心'					
					leftContentTitle="@back" 
					leftContent='返回'

				/>
				<div style={{height:'.9rem'}}></div>
                <List renderHeader={() => '热点问题'}>
                    {
                        list.map((item) => {
                            return (
                                <Item extra="" arrow="horizontal" onClick={item.func}>
                                    {item.value}
                                </Item>
                            )
                        })
                    }
                </List>
                <div id="footer">
                    <div>客户电话：239387489</div>
                    <div>联系邮箱：jiaohang@163.com</div>
                </div>
            </div>
        );
    }
}
// ========================================
export default Help;